<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <?php include_http_metas() ?>
        <?php include_metas() ?>
        <?php include_title() ?>
        <link rel="shortcut icon" href="/favicon.ico" />
        <?php include_stylesheets() ?>
        <?php include_javascripts() ?>
    </head>
    <body>

        <div id="image_loading" class="modal"><!-- Place at bottom of page --></div>
        <?php include_partial('global/header') ?>
        <div class="bpopup ui-dialog" id="listestock" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Article </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
            </div>
        </div>
         <div class="bpopup ui-dialog" id="listestockBonSortieFoire" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Article </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
            </div>
        </div>
        <div id="mws-wrapper">
            <!-- Necessary markup, do not remove -->
            <div id="mws-sidebar-stitch"></div>
            <div id="mws-sidebar-bg"></div>
            <?php include_partial('global/menu') ?>

            <?php include_partial('global/chatBar') ?>
            <div id="mws-container" class="clearfix">
                <div id="container" class="container">

                    <?php echo $sf_content; ?>
                </div>
                <!-- End Main Container -->

                <!-- Footer -->
                <div id="mws-footer">
                    Copyright Silabe 2012. All Rights Reserved.
                </div>
                <!-- End Footer -->
            </div>
        </div>
        <!-- End Main Wrapper -->
        <div class="bpopup ui-dialog" id="form_facture_avoir_bl_retour_reglement" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Ajouter au Reglement</span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <table class="mws-table" cellspacing="0" cellpadding="0" border="0">

                    <tr>
                        <td>
                            Montant Reçu :
                        </td>
                        <td><input type="text" value="" id="montant_reçu_facture_avoir_bl_retour"/></td>
                    </tr>

                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input id="button_form_ligne_reglement" class="mws-button green mws-i-24 i-check large" type="button" value="Ajouter" onclick="ModifierLeReglement()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerFormFactureAvoirBlRetourReglement()"/>
                </div>

            </div>
        </div>
        <div class="bpopup ui-dialog" id="upload_file" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">UPLOAD</span>
            </div>
            <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                <div id="fileAttente"></div>
                <input id="uploadify" type="text" name="uploadify" />
                <input id="file_uploaded" type="hidden"/>
                <a id="lancer_upload" href="javascript:$('#uploadify').uploadifyUpload();" style="color:blue">Lancer l'upload | </a>

                <a id="clear_queue" href="javascript:jQuery('#uploadify').uploadifyClearQueue()" style="color:blue">Effacer la liste</a>
                <input id ="id_chat" type="hidden" />
                <input id="valider_upload" class="mws-button green mws-i-24 i-check large" type="button" value="Valider" onclick="validerUpload()"  style="display: none"/>
                <input id="annuler_upload" class="mws-button red mws-i-24 i-alert-2 large" type="button" value="Anuuler" onclick="annulerUpload()" style="display: none"/>
            </div>
        </div>
        <div class="bpopup ui-dialog" id="liste_representant" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Lists Representanrs </span>
                <table style="float: right;margin-right: 40px;color: #C5D52B;
                       text-shadow: 0 0 6px rgba(197, 213, 42, 0.5);" align="center">
                    <tr>
                        <td>Civilite :</td>
                        <td>
                            <select onchange="goToRepresentantFiltre(1)" id="civilite_representant">
                                <option value=""></option>
                                <option value="M">M</option>
                                <option value="Mme">Mme</option>
                                <option value="Melle">Melle</option>
                            </select>
                        </td>
                    </tr>

                </table>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <table class="mws-table" cellspacing="0" cellpadding="0" border="0" id="listRepresentants">
                    <thead>
                        <tr>
                            <th>Code</th>
                            <th>Nom</th>
                            <th>Prénom</th>
                            <th>Telephone</th>
                        </tr>
                        <tr>
                            <th><input onkeyup="goToRepresentantFiltre(1)" type="text" id="code_representant"/></th>
                            <th><input onkeyup="goToRepresentantFiltre(1)" type="text" id="nom_representant"/></th>
                            <th><input onkeyup="goToRepresentantFiltre(1)" type="text" id="prenom_representant"/></th>
                            <th><input onkeyup="goToRepresentantFiltre(1)" type="text" id="telephone1_representant"/></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="4">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_representant_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Valider" onclick="validerRepresentant()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerRepresentant()" />
                </div>
            </div>
        </div>
        <div id="popup_qte" style="left: 309.5px; position: absolute; top: 386.5px; z-index: 9999;   min-width: 450px; display: none;" class="popup"  >
            Quantité : <input type="text" id="qte_art"/>
            <input    type="button" onclick="confirmerQte();" value="Confirmer"/>
        </div>
        <div id="listArticleContainer" class="popup" style="display: none;">
            <table>
                <tr>
                    <td>code :</td>
                    <td><input onclick="chercheArticle()" type="hidden" id="code_article_filtre_bon_transferet" /></td>
                    <td>Désignation :</td>
                    <td><input onclick="chercheArticle()" type="hidden" id="desination_article_filtre_bon_transferet"/></td>
                </tr>
            </table>

        </div>
        <div class="bpopup ui-dialog" id="form_categorie_remise_client" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Ajouter Categorie Remise </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <div class="mws-form-row">
                    <label>Choisire un categorie Existante:</label>
                    <div class="mws-form-item small">
                        <select id="list_categorie_privee_client"></select>
                        <input class="mws-button blue mws-i-24 i-plus small" type="button" onclick="AjouterCategorieClientNew();" style="width: 26px;"/>
                    </div>
                </div>
                <div style="display: none" id="label_cat_new_div" class="mws-form-row">
                    <label>Label :</label>
                    <div class="mws-form-item small">
                        <input id="label_cat_new" type="text"/>
                    </div>
                </div>
                <div style="display: none" id="taux_cat_new_div" class="mws-form-row">
                    <label>Taux :</label>
                    <div class="mws-form-item small">
                        <input id="taux_cat_new" type="text"/>
                    </div>
                </div>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="ConfirmerAjouterCategorieClient()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerCategorieClient()" value="Annuler"/>
                </div>

            </div>
        </div>
        <div class="bpopup ui-dialog" id="ligne_devisNew" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Ajouter Article </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <form id="form_new_ligne_devie" class="content">
                <?php //include_partial('bonLivraisonFournisseur/frmdevispopupp') ?>

                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="frmDevisAjouter()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerfrmdevis()" value="Annuler"/>
                </div>

            </form>
        </div>
        <div class="bpopup ui-dialog" id="ligne_bonCommandeNew" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Ajouter Article </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <form id="form_new_ligne_Bon_commande" class="content">
                <div >
                    <table style="width: 100%">
                        <tr>
                            <td>
                                <div class="mws-form-row">
                                    <label>Désignation:</label>
                                    <div class="mws-form-item small">
                                        <input id="designationdevisNewBon" class="mws-textinput required valid hasDatepicker" type="text" readonly="readonly" /><input type="hidden" id="form_id_articleNewBon" /> 
                                        <input class="mws-button blue mws-i-24 i-plus small" type="button" onclick="showStockEpuise();" style="width: 26px;">
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="color: red;font-weight: bold" id="erreur_article_wen_bon_commanade"></td>
                        </tr>

                        <tr>
                            <td>
                                <div class="mws-form-row">
                                    <label>Quantité:</label>
                                    <div class="ui-spinner" style="width:100px">
                                        <input id="numUp_quentiteNewBon" class="mws-textinput ui-spinner-box" type="text" value="1" style="width:100px"/>
<!--                                        <button class="ui-spinner-up" type="button"></button>
                                        <button class="ui-spinner-down" type="button"></button>-->
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" id="erreur_quantite_doc_formBonCommande" style="color: red;font-weight: bold"></td>
                        </tr>
                    </table>
                </div>
                <script>
                    $("#numUp_quentiteNewBon").spinner({
                        min: 1,
                        val: 1,
                        scale: 0
                    });    
                </script>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="frmDevisAjouter()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerfrmdevis()" value="Annuler"/>
                </div>

            </form>
        </div>
        <div class="bpopup ui-dialog" id="ligne_bonCommandeEdit" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title"Modifier Article </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <form id="frmchercherdevis">
                    <table style="width: 100%">
                        <tr>
                            <td>
                                <div class="mws-form-row">
                                    <label>Désignation:</label>
                                    <div class="mws-form-item small">
                                        <input id="designationdevisEditBon" class="mws-textinput required valid hasDatepicker" type="text" readonly="readonly" /><input type="hidden" id="form_id_articleEditBon" /> 
                                        <input class="mws-button blue mws-i-24 i-plus small" type="button" onclick="showStockEpuiseEdit();" style="width: 26px;">
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="color: red;font-weight: bold" id="erreur_article_edit_bon_commanade"></td>
                        </tr>

                        <tr>
                            <td>
                                <div class="mws-form-row">
                                    <label>Quantité:</label>
                                    <div class="mws-form-item small">
                                        <input id="numUp_quentiteEditBon" class="mws-textinput required valid hasDatepicker" type="text" readonly="readonly" />
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" id="erreur_quantite_doc_formBonCommandeEdit" style="color: red;font-weight: bold"></td>
                        </tr>
                    </table>
                </form>
                <script>
                    $("#numUp_quentiteEditBon").spinner({
                        min: 0,
                        val: 1,
                        scale: 0
                    });    
                </script>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="frmDevisEdit()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerfrmdevisEdit()" value="Annuler"/>
                </div>
            </div>
        </div>
        <div class="bpopup ui-dialog" id="ligne_devisEdit" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Modifier Article </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <?php // include_partial('bonLivraisonFournisseur/formEditLigne') ?>

                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="frmDevisEdit()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerfrmdevisEdit()" value="Annuler"/>
                </div>

            </div>
        </div>
        <div class="bpopup ui-dialog" id="listestockarticlepopupNew" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Articles </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <table  class="mws-table" cellspacing="0" cellpadding="0" border="0" id="getlistestockarticleNew">
                    <thead>
                        <tr>
                            <th>Designation</th>
                            <th>Reference</th>
                            <th>Prix unitaire HT</th>  
                            <th>Prix Vente TTC</th>  
                            <th>TVA</th>  

                        </tr>
                        <tr>
                            <th><input onkeyup="showStockEpuise(1)" type="text" id="designation_article_new_filter"/></th>
                            <th><input onkeyup="showStockEpuise(1)" type="text" id="reference_article_new_filter"/></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_article_new_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="validerstockarticle()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerstockarticle()" value="Annuler"/>
                </div>

            </div>
        </div>

        <div class="bpopup ui-dialog" id="listestockarticlepopupNewBCF" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Articles </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <table  class="mws-table" cellspacing="0" cellpadding="0" border="0" id="getlistestockarticleNewBCF">
                    <thead>
                        <tr>
                            <th>Designation</th>
                            <th>Reference</th>
                        </tr>
                        <tr>
                            <th><input onkeyup="showStockEpuise()" type="text" id="designation_article_new_filter_bcf"/></th>
                            <th><input onkeyup="showStockEpuise()" type="text" id="reference_article_new_filter_bcf"/></th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_article_new_liste_page_bcf">

                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="frmDevisAjouter()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerstockarticle()" value="Annuler"/>
                </div>

            </div>
        </div>
        <div class="bpopup ui-dialog" id="listeArticle" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Articles </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <table  class="mws-table" cellspacing="0" cellpadding="0" border="0" id="getlisteArticle">
                    <thead>
                        <tr>
                            <th>Designation</th>
                            <th>Reference</th>
                        </tr>
                        <tr>
                            <th><input onkeyup="showArticleFilter()" type="text" id="designation_article_statistique_filter"/></th>
                            <th><input onkeyup="showArticleFilter()" type="text" id="reference_article_statistique_filter"/></th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="liste_article_new_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="validerArticle()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerArticle()" value="Annuler"/>
                </div>

            </div>
        </div>

        <div class="bpopup ui-dialog" id="listeFamille" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Familles </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <table  class="mws-table" cellspacing="0" cellpadding="0" border="0" id="getlisteFamille">
                    <thead>
                        <tr>
                            <th>Famille</th>
                        </tr>
                        <tr>
                            <th><input onkeyup="showFamilleFilter()" type="text" id="famille_statistique_filter"/></th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="liste_famille_new_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="validerFamille()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerFamille()" value="Annuler"/>
                </div>

            </div>
        </div>

        <div class="bpopup ui-dialog" id="listestockarticlepopupNewBLF" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Articles </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <table>
                    <tr>
                        <td style="padding: 16px;">
                            <table style="border: 1px solid" class="mws-table" cellspacing="0" cellpadding="0" border="0" id="getlistestockarticleNewBLF">
                                <thead>
                                    <tr>
                                        <th>Designation</th>
                                        <th>Reference</th>
                                        <th>Prix unitaire HT</th>  
                                        <th>TVA</th>  

                                    </tr>
                                    <tr>
                                        <th><input onkeyup="goToArticleStock('1')" type="text" id="designation_article_new_filter_blf"/></th>
                                        <th><input onkeyup="goToArticleStock('1')" type="text" id="reference_article_new_filter_blf"/></th>
                                        <th></th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td style="width: 100%;padding: 0" colspan="5">
                                            <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_article_new_liste_page_blf">

                                            </div>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </td>
                        <td style="padding: 16px;">
                            <table style="border: 1px solid"  class="mws-table" cellspacing="0" cellpadding="0" border="0" >
                                <thead>
                                    <tr>
                                        <th>Designation</th>
                                        <th>Reference</th>
                                        <th>Prix unitaire HT</th>  
                                        <th>TVA</th>
                                        <th>Quantité</th>

                                    </tr>
                                    <tr>
                                        <th><input onkeyup="goToArticleStock('1')" type="text" id=""/></th>
                                        <th><input onkeyup="goToArticleStock('1')" type="text" id=""/></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td style="width: 100%;padding: 0" colspan="5">
                                            <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="">

                                            </div>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </td>
                    </tr>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="frmDevisAjouter()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerstockarticle()" value="Annuler"/>
                </div>

            </div>
        </div>
        <div class="bpopup ui-dialog" id="listestockarticlepopupEdit" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Lists Articles </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <input type="hidden" id="tr_doc_modifier" value=""/>
                <table  class="mws-table" cellspacing="0" cellpadding="0" border="0" id="getlistestockarticleEdit">
                    <thead>
                        <tr>
                            <th>Designation</th>
                            <th>Reference</th>
                            <th>Prix unitaire HT</th>  
                            <th>Prix Vente TTC</th>  
                            <th>TVA</th>  

                        </tr>
                        <tr>
                            <th><input onkeyup="showStockEpuiseEdit(1)" type="text" id="designation_article_edit_filter"/></th>
                            <th><input onkeyup="showStockEpuiseEdit(1)" type="text" id="reference_article_edit_filter"/></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_article_edit_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="validerstockarticleEdit()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerstockarticleEdit()" value="Annuler"/>
                </div>

            </div>
        </div>
        <div class="bpopup ui-dialog" id="liste_clients" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Clients </span>
                <table style="float: right;margin-right: 40px;color: #C5D52B;
                       text-shadow: 0 0 6px rgba(197, 213, 42, 0.5);" align="center">
                    <tr>
                        <td>Bloque :</td>
                        <td>
                            <select onchange="goPageClientDocument(1)" id="bloque_facture_client_filtre">
                                <option value=""></option>
                                <option value="1">active</option>
                                <option value="0">bloquee</option>
                            </select>
                        </td>
                    </tr>

                </table>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div id="list_client_bon_livraison">
                <table id="list_client_liste" style="width: 100%" class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <thead>
                        <tr>
                            <th>Code</th>
                            <th>Raison Sociale</th>
                            <th>Matricule Fiscale</th>
                            <th>Téléphone</th>
                        </tr>
                        <tr>
                            <th><input onkeyup="goPageClientDocument(1)" type="text" id="code_facture_client_filter"/></th>
                            <th><input onkeyup="goPageClientDocument(1)" type="text" id="Raison_Sociale_facture_client_filter"/></th>
                            <th><input onkeyup="goPageClientDocument(1)" type="text" id="matricule_fiscale_facture_client_filtre"/></th>
                            <th><input onkeyup="goPageClientDocument(1)" type="text" id="telephone_facture_client_filtre"/></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_client_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Valider" onclick="validerClient()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerClient()" />
                </div>
            </div>
        </div>

        <div class="bpopup ui-dialog" id="employe_messages" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Employes </span>
                <table style="float: right;margin-right: 40px;color: #C5D52B;
                       text-shadow: 0 0 6px rgba(197, 213, 42, 0.5);" align="center">
                    <tr>
                        <td>Bloqué :</td>
                        <td>
                            <select onchange="goPageEmployeDocument(1)" id="actif_employe_filtre">
                                <!--                                <option value=""></option>-->
                                <option value="1">actif</option>
                                <option value="0">bloqué</option>
                            </select>
                        </td>
                    </tr>
                </table>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div id="liste_employe_messages">
                <table id="table_liste_employe_messages" style="width: 100%" class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <thead>
                        <tr>
                            <th>Nom</th>
                            <th>Prénom</th>
                            <th>Pseudo</th>
                        </tr>
                        <tr>
                            <th><input onkeyup="goPageEmployeDocument(1)" type="text" id="nom_employe_filtre"/></th>
                            <th><input onkeyup="goPageEmployeDocument(1)" type="text" id="prenom_employe_filtre"/></th>
                            <th><input onkeyup="goPageEmployeDocument(1)" type="text" id="pseudo_employe_filtre"/></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="liste_employe_messages_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Valider" onclick="validerEmploye()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerEmploye()" />
                </div>
            </div>
        </div>
        <div class="bpopup ui-dialog" id="liste_fournisseurs" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Fournisseurs </span>
<!--                <table style="float: right;margin-right: 40px;color: #C5D52B;
                       text-shadow: 0 0 6px rgba(197, 213, 42, 0.5);" align="center">
                    <tr>
                        <td>Bloque :</td>
                        <td>
                            <select onchange="goPageFournisseurDocument(1)" id="bloque_facture_fournisseur_filtre">
                                <option value=""></option>
                                <option value="1">active</option>
                                <option value="0">bloquee</option>
                            </select>
                        </td>
                    </tr>

                </table>-->
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div id="list_fournisseur_bon_livraison">
                <table id="list_fournisseur_liste" style="width: 100%" class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <thead>
                        <tr>
                            <th>Code</th>
                            <th>Raison Sociale</th>
                            <th>Matricule Fiscale</th>
                            <th>Téléphone</th>
                        </tr>
                        <tr>
                            <th><input onkeyup="goPageFournisseurDocument(1)" type="text" id="code_facture_fournisseur_filter"/></th>
                            <th><input onkeyup="goPageFournisseurDocument(1)" type="text" id="Raison_Sociale_facture_fournisseur_filter"/></th>
                            <th><input onkeyup="goPageFournisseurDocument(1)" type="text" id="matricule_fiscale_facture_fournisseur_filtre"/></th>
                            <th><input onkeyup="goPageFournisseurDocument(1)" type="text" id="telephone_facture_fournisseur_filtre"/></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_fournisseur_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Valider" onclick="validerFournisseur()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerFournisseur()" />
                </div>
            </div>
        </div>
        <div class="bpopup ui-dialog" id="liste_client" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Client </span>
                <table style="float: right;margin-right: 40px;color: #C5D52B;
                       text-shadow: 0 0 6px rgba(197, 213, 42, 0.5);" align="center">
                    <tr>
                        <td>Bloque :</td>
                        <td>
                            <select onchange="goPageClientDocument(1)" id="bloque_client_filtre">
                                <option value=""></option>
                                <option value="1">active</option>
                                <option value="0">bloquee</option>
                            </select>
                        </td>
                    </tr>

                </table>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div id="list_client_bon_livraison">
                <table id="list_client_liste" style="width: 90%" class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <thead>
                        <tr  style="border-bottom: 1px solid #000000">
                            <th>Code</th>
                            <th>Raison Sociale</th>
                            <th>Matricule Fiscale</th>
                            <th>Téléphone</th>
                        </tr>
                        <tr>
                            <th><input onkeyup="goPageClientDocument(1)" type="text" id="code_client_filter"/></th>
                            <th><input onkeyup="goPageClientDocument(1)" type="text" id="Raison_Sociale_client_filter"/></th>
                            <th><input onkeyup="goPageClientDocument(1)" type="text" id="matricule_fiscale_client_filtre"/></th>
                            <th><input onkeyup="goPageClientDocument(1)" type="text" id="telephone_client_filtre"/></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="4">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_client_liste_page_bon_livraison">

                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>


                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">

                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Valider" onclick="validerClient()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerClient()" />
                </div>
            </div>
        </div>
        <div class="bpopup ui-dialog" id="form_reglement" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Formulaire Reglement</span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose" onclick="annulerFormReglement()">close</span>
                </a>
            </div>
            <div class="content">
                <table class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <tr>
                        <td>Mode de reglement: </td>
                        <td>
                            <select onchange="changeModeReglement()" id="mode_reglement_form">
                                <?php //include_component('modeReglement', 'listOptionMode') ?>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Montant Reçu :
                        </td>
                        <td><input type="text" value="" id="montant_reçu_form"/></td>
                    </tr>
                    <tr id="taux_r_s_tr" style="display: none">
                        <td>Taux R.S</td>
                        <td><select id="taux_r_s">
                                <option value="1.5" >1.5</option>
                                <option value="2.5" >2.5</option>
                            </select></td>
                    </tr>

                    <tr id="compte_bancaire_tr" style="display: none">
                        <td>Compte Bancaire :</td>
                        <td>
                            <select id="list_Compte_bancaire"></select>
                            <!--                            <div onclick="AjouterCompteBancaireClient()" class="span_button">+</div>-->
                            <input class="mws-button blue mws-i-24 i-plus small" type="button" onclick="AjouterCompteBancaireClient();" style="width: 26px;"/>
                        </td>
                    </tr>
                    <tr id="numero_piece_tr" style="display: none">
                        <td>Numéro piéce :</td>
                        <td><input type="text" id="numero_piece_input" /></td>
                    </tr>
                    <tr id="date_echeance_tr" style="display: none">
                        <td>Date echeance :</td>
                        <td><input value="<?php echo date('d/m/Y') ?>" type="text" id="date_echeance_input"  class="mws-textinput required valid"/></td>
                    </tr>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input id="button_ajouter_form_ligne_reglement" class="mws-button green mws-i-24 i-check large" type="button" value="Ajouter" onclick="AjouterReglement()" />
                    <input id="annuler_form_reglement" class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerFormReglement()"/>
                </div>

            </div>
        </div>
        <div class="bpopup ui-dialog" id="form_compte_bancaire_client" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Compte Bancaire</span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose" onclick="annulerFormCompteBancaireClient()">close</span>
                </a>
            </div>
            <div class="content">
                <table class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <tr>
                        <td>RIB:</td>
                        <td>
                            <input id="clef_rib" type="text" style="width:200px;display:block;margin-bottom:10px;background-color:#C0C0C0; border: none"/>
                            <span id="error_clef_rib"></span>
                        </td>
                    </tr>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Ajouter" onclick="confirmAjoutCompteBancaire()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerFormCompteBancaireClient()"/>
                </div>
            </div>
        </div>
        <div class="bpopup ui-dialog" id="cloture_inventaire_popup" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Quelle Comptage Voulez-vous Utiliser ?? </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <?php // include_partial('comptage/frmcloturerinventairePopUp') ?>

                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="frmvaliderCloture()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="frmannulerCloture()" value="Annuler"/>
                </div>

            </div>
        </div>
        <div class="bpopup ui-dialog" id="liste_journal_caisse" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Journal Des Caisses</span>

                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div id="list_client_bon_livraison">
                <table id="list_client_liste_journal" style="width: 100%" class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <thead>
                        <tr>
                            <th>Caisse</th>
                            <th>Session</th>
                            <th>Employé</th>
                            <th>Date Ouverture</th>
                            <th>Date Cloture</th>
                            <th>Etat</th>
                            <th>Total Recette</th>
                            <th>Benefice</th>
                            <th>Ecart</th>

                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_journale_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>

                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">

                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Ok" onclick="fermerPopUp()" />
<!--                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerClient()" />-->


                </div>
            </div>


        </div>
        <div class="bpopup ui-dialog" id="liste_journal_cloturer" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Journal Des Caisse </span>

                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div id="list_client_bon_livraison">
                <table id="aaa" style="width: 100%" class="mws-table" cellspacing="0" cellpadding="0" border="0">

                    <tbody>
                        <tr><td><input type="hidden" id="id_session"/></td></tr>
                        <tr>
                            <td>
                                Saisiez Total Caisse:
                            </td>
                            <td>
                                <input type="text" id="totalCaisse"/>
                            </td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_journal_cloturer_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>

                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">

                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Valider" onclick="validerCloture()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerClient()" />


                </div>
            </div>


        </div>
        <!--       PopUp pour les employés -->
        <div class="bpopup ui-dialog" id="liste_employe" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Clients </span>

                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div id="list_client_bon_livraison">
                <table id="list_employe_liste" style="width: 100%" class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <thead>
                        <tr>
                            <th>Nom</th>
                            <th>Prenom</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_employe_liste_page">
                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Valider" onclick="validerClient()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerClient()" />
                </div>
            </div>
        </div>
        <div class="bpopup ui-dialog" id="liste_employes" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Lists Clients </span>

                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div id="list_client_bon_livraison">
                <table id="liste_employes_liste" style="width: 100%" class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <thead>
                        <tr>
                            <th>Code</th>
                            <th>Raison Sociale</th>
                            <th>Matricule Fiscale</th>
                            <th>Fax</th>
                            <th>Téléphone</th>
                        </tr>

                    </thead>
                    <tbody>
                        aaaaaaaaaaaaaaaa
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_employe_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>

                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">

                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Valider" onclick="aaaa()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerClient()" />


                </div>
            </div>

        </div>
        <div class="bpopup ui-dialog" id="listearticlebonsortipopupNew" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Lists Articles </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <table  class="mws-table" cellspacing="0" cellpadding="0" border="0" id="getlistebonsortiarticleNew">
                    <thead>
                        <tr>
                            <th>Designation</th>
                            <th>Reference</th>
                            <th>Prix unitaire HT</th>  
                            <th>Prix Vente TTC</th>  
                            <th>TVA</th>  
                        </tr>
                        <tr>
                            <th><input onkeyup="LoadArticlebonSortiByIdBonSortifoire1()" type="text" id="designation_article_new_filter_bs"/></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_article_new_liste_page_bs">

                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="validerarticlebonsorti()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerarticlebonsorti()" value="Annuler"/>
                </div>

            </div>
        </div>
        <div class="bpopup ui-dialog" id="listeArticleCaisse" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Listes Articles Caisse</span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <table  class="mws-table" cellspacing="0" cellpadding="0" border="0" id="getlisteArticleCaisse">
                    <thead>
                        <tr>

                            <th>Designation</th>
                            <th>Reference</th>
                            <th>Quantité Disponible</th>
                            <th>Prix Vente TTC</th>  
                            <th>TVA</th>  

                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_article_new_liste_caisse">

                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="validerLigneArticle()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerLignearticle()" value="Annuler"/>
                </div>

            </div>
        </div>
        <div class="bpopup ui-dialog" id="ligne_bonentrerfoireNew" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Ajouter Article </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <form id="frmchercherarticlebonentrerfoire">
                    <table style="width: 100%">
                        <tr>
                            <td>
                                <div class="mws-form-row">
                                    <label>Désignation:</label>
                                    <div class="mws-form-item small">
                                        <input id="designationdNewBonentrerfoire" class="mws-textinput required valid hasDatepicker" type="text" readonly="readonly" /><input type="hidden" id="form_id_stock_articleNewBonentrerfoire" /> 
                                        <input class="mws-button blue mws-i-24 i-plus small" type="button" onclick="LoadArticlebonSortiByIdBonSortifoire();" style="width: 26px;">
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="color: red;font-weight: bold" id="erreur_article_bon_entrer_foire"></td>
                        </tr>
                        <tr>
                            <td>
                                <div class="mws-form-row">
                                    <label>Quantité:</label>
                                    <div class="mws-form-item small">
                                        <input id="numUp_quentiteNewBonentrerfoire" class="mws-textinput required valid hasDatepicker" type="text" readonly="readonly" />
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" id="erreur_quantite_doc_formBonentrerfoire" style="color: red;font-weight: bold"></td>
                        </tr>
                    </table>
                </form>
                <script>
                    $("#numUp_quentiteNewBonentrerfoire").spinner({
                        scale: 0
                    });    
                </script>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="AjouterBonEnterFoire()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerBonenterfoire()" value="Annuler"/>
                </div>

            </div>
        </div>
        <div class="bpopup ui-dialog" id="listearticlebonsortipopupNew" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Lists Articles </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <table  class="mws-table" cellspacing="0" cellpadding="0" border="0" id="getlistebonsortiarticleNew">
                    <thead>
                        <tr>
                            <th>Designation</th>
                            <th>Reference</th>
                            <th>Prix unitaire HT</th>  
                            <th>Prix Vente TTC</th>  
                            <th>TVA</th>  
                        </tr>
                        <tr>
                            <th><input onkeyup="LoadArticlebonSortiByIdBonSortifoire1()" type="text" id="designation_article_new_filter_bs"/></th>
<!--                            <th><input onkeyup="showStockEpuise(1)" type="text" id="reference_article_new_filter"/></th>-->
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_article_new_liste_page_bon_entrer_foire">

                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="validerarticlebonsorti()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerarticlebonsorti()" value="Annuler"/>
                </div>
            </div>
        </div>
        <div class="bpopup ui-dialog" id="ligne_bonretourfoireNew" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Ajouter Article </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <form id="frmchercherarticlebonretourfoire">
                    <table style="width: 100%">
                        <tr>
                            <td>
                                <div class="mws-form-row">
                                    <label>Désignation:</label>
                                    <div class="mws-form-item small">
                                        <input id="designationdNewBonretourfoire" class="mws-textinput required valid hasDatepicker" type="text" readonly="readonly" /><input type="hidden" id="form_id_stock_articleNewBonretourfoire" /> 
                                        <input class="mws-button blue mws-i-24 i-plus small" type="button" onclick="LoadArticlebonRetourByIdFoire();" style="width: 26px;">
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="color: red;font-weight: bold" id="erreur_article_bon_retour_foire"></td>
                        </tr>
                        <tr>
                            <td>
                                <div class="mws-form-row">
                                    <label>Quantité:</label>
                                    <div class="mws-form-item small">
                                        <input id="numUp_quentiteNewBonretourfoire" class="mws-textinput required valid hasDatepicker" type="text" readonly="readonly" />
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" id="erreur_quantite_doc_formBonretourfoire" style="color: red;font-weight: bold"></td>
                        </tr>
                    </table>
                </form>
                <script>
                    $("#numUp_quentiteNewBonretourfoire").spinner({
                        scale: 0
                    });    
                </script>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="AjouterBonRetourFoire()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerBonRetourfoire()" value="Annuler"/>
                </div>

            </div>
        </div>
        <div class="bpopup ui-dialog" id="ligne_bonentrerfoireNewedit" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Modifier Article </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <form id="frmchercherarticlebonentrerfoire">
                    <table style="width: 100%">
                        <tr>
                            <td>
                                <div class="mws-form-row">
                                    <label>Désignation:</label>
                                    <div class="mws-form-item small">
                                        <input id="designationdNewBonentrerfoireedit" class="mws-textinput required valid hasDatepicker" type="text" readonly="readonly" /><input type="hidden" id="form_id_stock_articleNewBonentrerfoire_edit" /> 
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="color: red;font-weight: bold" id="erreur_article_bon_entrer_foire_edit"></td>
                        </tr>
                        <tr>
                            <td>
                                <div class="mws-form-row">
                                    <label>Quantité:</label>
                                    <div class="mws-form-item small">
                                        <input id="numUp_quentiteNewBonentrerfoire_edit" class="mws-textinput required valid hasDatepicker" type="text" readonly="readonly" />
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" id="erreur_quantite_doc_formBonentrerfoire_edit" style="color: red;font-weight: bold"></td>
                        </tr>
                    </table>
                </form>
                <script>
                    $("#numUp_quentiteNewBonentrerfoire_edit").spinner({
                        scale: 0
                    });    
                </script>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="AjouterBonEnterFoireedit()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerBonenterfoireedit()" value="Annuler"/>
                </div>
            </div>
        </div>
        <div class="bpopup ui-dialog" id="listeArticleBonretourFoire" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Lists Articles </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <table  class="mws-table" cellspacing="0" cellpadding="0" border="0" id="getlisteArticleBonRetourFoire">
                    <thead>
                        <tr>
                            <th>Designation</th>
                            <th>Reference</th>
                            <th>Prix unitaire HT</th>  
                            <th>Prix Vente TTC</th>  
                            <th>TVA</th>
<!--                            <th>Qte</th>-->
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_article_new_liste_bon_retour_foire">

                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="validerLigneArticleBonRetour()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerLigneArticleBonRetour()" value="Annuler"/>
                </div>

            </div>
        </div>
        <div class="bpopup ui-dialog" id="ligne_bonretourfoireEdit" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Modifier Article </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <form id="frmchercherarticlebonretourfoireedit">
                    <table style="width: 100%">
                        <tr>
                            <td>
                                <div class="mws-form-row">
                                    <label>Désignation:</label>
                                    <div class="mws-form-item small">
                                        <input id="designationdEditBonretourfoire" class="mws-textinput required valid hasDatepicker" type="text" readonly="readonly" /><input type="hidden" id="form_id_stock_articleEditBonretourfoire" /> 
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="color: red;font-weight: bold" id="erreur_article_bon_retour_foire_Edit"></td>
                        </tr>
                        <tr>
                            <td>
                                <div class="mws-form-row">
                                    <label>Quantité:</label>
                                    <div class="mws-form-item small">
                                        <input id="numUp_quentiteEditBonretourfoire" class="mws-textinput required valid hasDatepicker" type="text" readonly="readonly" />
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" id="erreur_quantite_doc_formBonretourfoire_Edit" style="color: red;font-weight: bold"></td>
                        </tr>
                    </table>
                </form>
                <script>
                    $("#numUp_quentiteEditBonretourfoire").spinner({
                        scale: 0
                    });    
                </script>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="ModifierBonRetourFoire()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulerEditBonRetourfoire()" value="Annuler"/>
                </div>

            </div>

        </div>
        <div class="bpopup ui-dialog" id="ligne_bonCommandeedit" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Modifier Article </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <form id="form_new_ligne_Bon_commande_edit" class="content">
                <div >
                    <table style="width: 100%">
                        <tr>
                            <td>
                                <div class="mws-form-row">
                                    <label>Désignation:</label>
                                    <div class="mws-form-item small">
                                        <input id="designationdevisNewBonedit" class="mws-textinput required valid hasDatepicker" type="text" readonly="readonly" /><input type="hidden" id="form_id_articleNewBonedit" /> 
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="color: red;font-weight: bold" id="erreur_article_wen_bon_commanadeedit"></td>
                        </tr>

                        <tr>
                            <td>
                                <div class="mws-form-row">
                                    <label>Quantité:</label>
                                    <div class="mws-form-item small">
                                        <input id="numUp_quentiteNewBonedit" class="mws-textinput required valid hasDatepicker" type="text" readonly="readonly" />
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" id="erreur_quantite_doc_formBonCommandeedit" style="color: red;font-weight: bold"></td>
                        </tr>
                    </table>
                </div>
                <script>
                    $("#numUp_quentiteNewBonedit").spinner({
                        min: 1,
                        val: 1,
                        scale: 0
                    });    
                </script>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="modifierligne()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="annulersuppressionEdit()" value="Annuler"/>
                </div>

            </form>
        </div>
        <div class="bpopup ui-dialog" id="listeBonAvClt" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Bon de Livraison</span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div id="list_bon_livraison">
                <table id="bl_liste" style="width: 100%" class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <thead>
                        <tr>
                            <th>Référence</th>
                            <th>Date</th>
                            <th>Montant TTC</th>
                        </tr>
                        <tr>
                            <th><input onkeyup="goPageBlClient(1)" type="text" id="reference_bl"/></th>
                            <th><input onkeyup="goPageBlClient(1)" type="text" id="date_bl"/></th>
                            <th><input onkeyup="goPageBlClient(1)" type="text" id="montant_bl"/></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_bl_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>

                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Valider" onclick="validerBlClient()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerBlListe()" />
                </div>
            </div>
        </div>





        <div class="bpopup ui-dialog" id="supprission_element" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Supprimer</span>
            </div>
            <div align="center" style="padding: 40px 0px;font-size: 27px">
                <input type="hidden" id="element_supp_id" />
                voulez-vous supprimer
            </div>
            <div align="center" class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                <input class="mws-button green mws-i-24 i-check large" type="button" value="Valider" onclick="validerSupprission()" />
                <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerSupprission()" />
            </div>
        </div>




        <div class="bpopup ui-dialog" id="listeFacturesClt" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Factures</span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div id="list_facture">
                <table id="facture_liste" style="width: 100%" class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <thead>
                        <tr>
                            <th>Référence</th>
                            <th>Date</th>
                            <th>Montant TTC</th>
                        </tr>
                        <tr>
                            <th><input onkeyup="goPageFacureClient(1)" type="text" id="reference_facture"/></th>
                            <th><input onkeyup="goPageFacureClient(1)" type="text" id="date_facture"/></th>
                            <th><input onkeyup="goPageFacureClient(1)" type="text" id="montant_facture"/></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_facture_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>

                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Valider" onclick="validerFactureClient()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerFactureListe()" />
                </div>
            </div>
        </div>

        <div class="bpopup ui-dialog" id="listeFacturesFrn" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Factures</span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div id="list_facture">
                <table id="facture_liste" style="width: 100%" class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <thead>
                        <tr>
                            <th>Référence</th>
                            <th>Date</th>
                            <th>Montant TTC</th>
                        </tr>
                        <tr>
                            <th><input onkeyup="goPageFacureFournisseur(1)" type="text" id="reference_facture"/></th>
                            <th><input onkeyup="goPageFacureFournisseur(1)" type="text" id="date_facture"/></th>
                            <th><input onkeyup="goPageFacureFournisseur(1)" type="text" id="montant_facture"/></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_facture_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>

                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Valider" onclick="validerFactureFournisseur()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerFactureListe()" />
                </div>
            </div>
        </div>

        <div class="bpopup ui-dialog" id="listeBonAvFrn" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Liste Bon de Livraison</span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div id="list_bon_livraison">
                <table id="bl_liste" style="width: 100%" class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <thead>
                        <tr>
                            <th>Référence</th>
                            <th>Date</th>
                            <th>Montant TTC</th>
                        </tr>
                        <tr>
                            <th><input onkeyup="goPageBlFournisseur(1)" type="text" id="reference_bl"/></th>
                            <th><input onkeyup="goPageBlFournisseur(1)" type="text" id="date_bl"/></th>
                            <th><input onkeyup="goPageBlFournisseur(1)" type="text" id="montant_bl"/></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_bl_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>

                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Valider" onclick="validerBlFournisseur()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerBlListe()" />
                </div>
            </div>
        </div>
        <div class="bpopup ui-dialog" id="form_compte_bancaire_client_caisse" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Compte Bancaire</span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose" onclick="annulerFormCompteBancaireClient()">close</span>
                </a>
            </div>
            <div class="content">
                <table class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <td>RIB:</td>
                    <td>
                        <input id="clef_rib_Bq_caisse" type="text" style="width:200px;
                               display:block;
                               margin-bottom:10px;
                               background-color:#C0C0C0; border: none"/>
                        </br>
                        <span id="error_clef_rib_Bq_caisse"></span>
                    </td>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Ajouter" onclick="confirmAjoutCompteBancaire()" />
                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerFormCompteBancaireClient()"/>
                </div>
            </div>
        </div>
        <div class="bpopup ui-dialog" id="form_reglement_caisse" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Formulaire Reglement</span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose" onclick="annulerFormReglement()">close</span>
                </a>
            </div>
            <div class="content">
                <table class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <tr>
                        <td>Mode de reglement: </td>
                        <td>
                            <select onchange="changeModeReglementCaisse()" id="mode_reglement_caisse">
                                <?php  //include_component('modeReglement', 'listOptionMode') ?>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Montant Reçu :
                        </td>
                        <td><input type="text" value="" id="montant_reçu_form_caisse"/></td>
                    </tr>
                    <tr id="taux_r_s_tr_caisse" style="display: none">
                        <td>Taux R.S</td>
                        <td><select id="taux_r_s">
                                <option value="1.5" >1.5</option>
                                <option value="2.5" >2.5</option>
                            </select></td>
                    </tr>

<!--                    <tr id="compte_bancaire_tr_caisse" style="display: none">
                        <td>Compte Bancaire :</td>
                        <td><input id="clef_rib_Bq_caisse_aa" type="text" style="width:200px;
display:block;
margin-bottom:10px;
background-color:#C0C0C0; border: none"/></td>
                    </tr>-->
                    <tr id="numero_piece_tr_caisse" style="display: none">
                        <td>Numéro piéce :</td>
                        <td><input type="text" id="numero_piece_input_caisse" /></td>
                    </tr>
                    <tr id="date_echeance_tr_caisse" style="display: none">
                        <td>Date echeance :</td>
                        <td><input value="<?php echo date('d/m/Y') ?>" type="text" id="date_echeance_input_caisse"  class="mws-textinput required valid"/></td>
                    </tr>
                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input id="button_ajouter_form_ligne_reglement" class="mws-button green mws-i-24 i-check large" type="button" value="Ajouter" onclick="AjouterReglement()" />
                    <input id="annuler_form_reglement" class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerFormReglementCaisse()"/>
                </div>

            </div>
        </div>
        <div class="bpopup ui-dialog" id="cloture_inventaire_popup1" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Quelle Comptage Voulez-vous Utiliser ?? </span>
                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div class="content">
                <?php // include_partial('comptage/frmcloturerinventairePopUp1') ?>

                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
                    <input class="mws-button green mws-i-24 i-check large" type="button" onclick="frmvaliderCloture1()" value="Valider"/>
                    <input class="mws-button black mws-i-24 i-cross large" type="button" onclick="frmannulerCloture1()" value="Annuler"/>
                </div>

            </div>
        </div>

        <div class="bpopup ui-dialog" id="liste_journal_caisse_reg" style="left: 30%; position: absolute; z-index: 9999; display: none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-mws-jui-dialog" class="ui-dialog-title">Journal Des Caisse </span>

                <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
                    <span class="ui-icon ui-icon-closethick button bClose">close</span>
                </a>
            </div>
            <div id="list_client_bon_livraison">
                <table id="list_client_liste_journal_reg" style="width: 100%" class="mws-table" cellspacing="0" cellpadding="0" border="0">
                    <thead>
                        <tr>
                            <th>Caisse</th>
                            <th>Session</th>
                            <th>Employé</th>
                            <th>Date Ouverture</th>
                            <th>Date Cloture</th>
                            <th>Etat</th>
                            <th>Total Caisse</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="width: 100%;padding: 0" colspan="5">
                                <div style="background: none repeat scroll 0 0 #444444;width: 100%;float: left" id="list_journale_liste_page">

                                </div>
                            </td>
                        </tr>
                    </tfoot>

                </table>
                <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">

                    <input class="mws-button green mws-i-24 i-check large" type="button" value="Ok" onclick="fermerPopUpReg()" />
<!--                    <input class="mws-button black mws-i-24 i-cross large" type="button" value="Annuler" onclick="annulerClient()" />-->


                </div>
            </div>


        </div>

    </body>
</html>

<style>
    #loadImg {
        text-align: center;
    }
</style>
